<template>
<div class="box">
  <p><h2 style="text-align:center">上郝momo，刷好视频</h2></p>
  <el-button class="go" @click="toHome()">飞快进入</el-button>
  <!-- <div>{{ demo }}</div> -->
  <img src="@/assets/image/wellcome.gif" alt="">
  </div>
</template>
<script  lang="ts" setup>
import { useRouter } from 'vue-router'
import { useStore } from 'vuex'
import { ref } from 'vue'
import { inject } from 'vue'
const $axios = inject('$axios')
const store = useStore()
const httpApi = store.state.httpApi
const demo = ref(httpApi)
const router = useRouter()
function toHome() {
  router.push({
    name: 'videoBox'
  })
}
$axios.get('ping').then((resp) => {
  console.log(resp)
}).catch((err) => {
  console.log(err)
})
</script>

<style scoped>
.box{
  background-color: rgb(166, 165, 165);
  position: absolute;
  width: 100%;
  height: 100%;
}
img{
  width: 600px;
  height: 600px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.go{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  z-index: 20;
  
}
</style>